<style>
	table .btn{
		width: auto;
	}
	.pagination{
		text-align: center;
	}
	td{
		border: 0.01rem solid #DCDCDC;
		text-align: center;
	}
	tfoot td{
		color: #EE5F5B;
	}
	caption{
		border: 0.01rem solid #DCDCDC;
	}
	caption div{
		float: left;
		width: 50%;
	}
	caption div input{
		width: 20%;
	}
	caption div p{
		float: left;
	}
	.modal-footer{
		text-align: left;
	}
	.modal-footer button{
		float: right;
	}
	span.btn{
		float: right;
		width: auto;
	}
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span2" ng-include="'template/common/header.html'">
			
		</div>
		<div class="span10">
			<div class="breadcrumb" ng-include="'template/common/top.html'">
				
			</div>
			<div class="content">
				<div class="breadcrumb">
					<p>普通代理查询 <span class="btn btn-success addBtn" ng-click="show()">添加代理</span></p>
					<div class="modal" id="addBtn" style="display: none;">
						<div class="modal-header">
							<button class="close" ng-click="cancel()">&times;</button>
							<h3>添加代理</h3>
						</div>
						<div class="modal-body">
							<table class="table">
								<tr>
									<td>
										账号类型：
									</td>
									<td>
										<select name="" id="">
											<option value="">-请选择-</option>
											<option value="">白银代理</option>
										</select>
									</td>
								</tr>
								<tr>
									<td>
										姓名：
									</td>
									<td>
										<input type="text" placeholder="请输入真实姓名，用于返利" />
									</td>
								</tr>
								<tr>
									<td>
										电话：
									</td>
									<td>
										<input type="text" />
									</td>
								</tr>
								<tr>
									<td>微信账号：</td>
									<td>
										<input type="text" />
									</td>
								</tr>
								<tr>
									<td>
										游戏ID:
									</td>
									<td>
										<input type="text" />
									</td>
								</tr>
								<tr>
									<td>
										支付宝账号：
									</td>
									<td>
										<input type="text" placeholder="请输入真实支付宝账号，用于结算返利" />
										</td>
								</tr>
								<tr>
									<td>
										银行卡号：
									</td>
									<td>
										<input type="text" placeholder="请输入真实银行卡号，用于结算返利"/>
									</td>
								</tr>
								<tr>
									<td>
										银行卡开户人：
									</td>
									<td>
										<input type="text" placeholder="请输入真实银行卡开户姓名，用于结算返利"/>
									</td>
								</tr>
								<tr>
									<td>
										身份证：
									</td>
									<td>
										<input type="text" />
									</td>
								</tr>
								<tr>
									<td>
										居住所在省：
									</td>
									<td>
										<select name="" id="">
											<option value="">-请选择-</option>
											<option value="">湖南省</option>
										</select>
									</td>
								</tr>
								<tr>
									<td>
										居住所在市：
									</td>
									<td>
										<select name="" id="">
											<option value="">-请选择-</option>
											<option value="">湖南省</option>
										</select>
									</td>
								</tr>
								<tr>
									<td>
										居住所在区：
									</td>
									<td>
										<select name="" id="">
											<option value="">-请选择-</option>
											<option value="">湖南省</option>
										</select>
									</td>
								</tr>
							</table>
							<div>
								<p>注：银行卡信息可玄天，公司进行结算时，小金额同意使用支付宝，当金额较大时 需要银行卡转账，代理可联系客服补充信息</p>
							</div>
							<button class="btn btn-success">提交</button>
						</div>
						<div class="modal-footer"></div>
					</div>
				</div>
			<div>
				
			
					<table class="table table-hover">
						<caption>查询结果</caption>
						<thead>
							<tr>
								<td>代理ID</td>
								<td>创建时间</td>
								<td>状态</td>
								<td>累计充值金额</td>
								<td>当前剩余房卡</td>
								<td>账号</td>
								<td>昵称</td>
								<td>游戏ID</td>
								<td>详细资料</td>
								<td>名下代理</td>
								<td>充值详情</td>
								<td>操作</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>19535</td>
								<td>2017-07-01 13:11</td>
								<td>正常</td>
								<td>600</td>
								<td>999</td>
								<td>18888888888</td>
								<td>大飞哥</td>
								<td>158888</td>
								<td>
									<a ng-click="show()" class="detail">查看</a>
									<div class="modal" id="detail" style="display: none;">
										<div class="modal-header">
											<h3>详细资料</h3>
										</div>
										<div class="modal-body">
											<table class="table">
												<thead>
													<tr>
														<td>代理级别:</td>
														<td>白银代理</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>上级代理:</td>
														<td>
															<p>无</p>
														</td>
													</tr>
													<tr>
														<td>代理ID:</td>
														<td>
															<p>6666</p>
														</td>
													</tr>
													<tr>
														<td>
															游戏ID:
														</td>
														<td>
															<p>55555</p>
														</td>
													</tr>
													<tr>
														<td>
															姓名：
														</td>
														<td>
															<p>大飞哥</p>
														</td>
													</tr>
													<tr>
														<td>
															电话：
														</td>
														<td>
															<p>188888888</p>
														</td>
													</tr>
													<tr>
														<td>
															微信账号：
														</td>
														<td>
															<p>18888</p>
														</td>
													</tr>
													<tr>
														<td>
															支付宝账号：
														</td>
														<td>
															<p>188888</p>
														</td>
													</tr>
													<tr>
														<td>
															银行账号：
														</td>
														<td>
															25558888
														</td>
													</tr>
													<tr>
														<td>
															银行卡开户人：
														</td>
														<td>
															大飞哥
														</td>
													</tr>
													<tr>
														<td>
															身份证：
														</td>
														<td>
															188888
														</td>
													</tr>
													<tr>
														<td>
															所在省：
														</td>
														<td>
															湖南省
														</td>
													</tr>
													<tr>
														<td>所在市：</td>
														<td>长沙市</td>
													</tr>
													<tr>
														<td>所在区：</td>
														<td>岳麓区</td>
													</tr>
												</tbody>
											</table>
											
										</div>
										<div class="modal-footer">
												
												<button ng-click='cancel()'>关闭</button>
												<button ng-click="change()">编辑</button>
											</div>
									</div>
									<div class="modal" id="changedetail" style="display: none;">
										<div class="modal-header">
											<h3>详细资料</h3>
										</div>
										<div class="modal-body">
											<table class="table">
												<thead>
													<tr>
														<td>代理级别:</td>
														<td>
															<select name="" id="">
																<option value="">-请选择-</option>
																<option value="">白银代理</option>
															</select>
														</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>上级代理:</td>
														<td>
															<p>无</p>
														</td>
													</tr>
													<tr>
														<td>代理ID:</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															游戏ID:
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															姓名：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															电话：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															微信账号：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															支付宝账号：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															银行账号：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															银行卡开户人：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															身份证：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															所在省：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>所在市：</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>所在区：</td>
														<td>
															<input type="text" />
														</td>
													</tr>
												</tbody>
											</table>
											
										</div>
										<div class="modal-footer">
												
												<button ng-click='cancel()'>关闭</button>
												<button ng-click="alert()">保存</button>
											</div>
									</div>
								</td>
								<td>
									<a class="proxy" ng-click="show()">2名</a>
									<div class="modal fide hide" id="crewmodal">
										  <div class="modal-header">
										    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										    <h3>名下代理详情</h3>
										  </div>
										  <div class="modal-body">
										    <table class="table">
										    	<thead>
										    		<tr>
										    			<td>代理级别</td>
										    			<td>代理ID</td>
										    			<td>代理昵称</td>
										    			<td>创建时间</td>
										    			<td>累计充值(元)</td>
										    			<td>累计返利(元)</td>
										    			<td>累计返卡(张)</td>
										    		</tr>
										    	</thead>
										    	<tbody>
										    		<tr>
										    			<td>白银代理</td>
										    			<td>1111</td>
										    			<td>代理1</td>
										    			<td>2017/01/01 12:11</td>
										    			<td>900</td>
										    			<td>100</td>
										    			<td>25</td>
										    		</tr>
										    		<tr>
										    			<td>钻石代理</td>
										    			<td>1111</td>
										    			<td>代理2</td>
										    			<td>2017/01/01 12:11</td>
										    			<td>900</td>
										    			<td>100</td>
										    			<td>25</td>
										    		</tr>
										    	</tbody>
										    	<tfoot>
										    		<tr>
										    			<td colspan="4">小计</td>
										    			
										    			<td>0</td>
										    			<td>0</td>
										    			<td>0</td>
										    		</tr>
										    	</tfoot>
										    </table>
										    <div class="pagination">
											  <ul>
											    <li><a href="#">Prev</a></li>
											    <li><a href="#">1</a></li>
											    <li><a href="#">2</a></li>
											    <li><a href="#">3</a></li>
											    <li><a href="#">4</a></li>
											    <li><a href="#">5</a></li>
											    <li><a href="#">Next</a></li>
											  </ul>
											</div>
										  </div>
										  <div class="modal-footer">
										    <a href="" class="btn" ng-click='cancel()'>关闭</a>
										    
										  </div>
									</div>

									
								</td>
								<td>
									<a href="" class="recharge"  ng-click="show()">查看</a>									
									<div class="modal" id="recharge" style="display: none;">
										<div class="modal-header">
											<button class="close" ng-click="cancel()" >&times;</button>
											<h3>充值详情</h3>
										</div>
										<div class="modal-body" >
											<table class="table">
												<caption>
													<div>
														<p>选择时间：</p>
														<input type="text" placeholder="2017"/>
														<input type="text" placeholder="1月"/>
														<input type="text" placeholder="1日"/>
													</div>
													<div class="timeChoice">
														<button >查询</button>
													</div>
												</caption>
												<thead>
													<tr>
														
															<td colspan="2">查询结果</td>
														
													</tr>
													<tr>
														
															<td>时间日期</td>
														<td>充值金额</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>20117-7</td>
														<td>900</td>
													</tr>
												
												</tbody>
												<tfoot>
													<tr>
														<td colspan="2">
															累计充值金额： <span>900</span>
														</td>
													</tr>
												</tfoot>
											</table>
											<div class="pagination">
											  <ul>
											    <li><a href="#">Prev</a></li>
											    <li><a href="#">1</a></li>
											    <li><a href="#">2</a></li>
											    <li><a href="#">3</a></li>
											    <li><a href="#">4</a></li>
											    <li><a href="#">5</a></li>
											    <li><a href="#">Next</a></li>
											  </ul>
											</div>
										</div>
										<div class="modal-footer">
												<p>充值详情显示该用户吱声充值明细，根据所选查询时段显示查询结果，如果没有选择时段，默认显示该用户自创建起至今的所有充值详情</p>
										</div>
									</div>
								</td>
								<td>
									<button class="btn btn-info">修改</button>
									<a class="btn btn-info chongka" ng-click="show()">充卡</a>
									<div class="modal" id="chongka" style="display: none;">
										<div class="modal-header">
											<button class="close" ng-click="cancel()">&times;</button>
											<h3>房卡充值</h3>
										</div>
										<div class="modal-body">
											<table class="table">
												<tr>
													<td>代理ID:</td>
													<td>19535</td>
												</tr>
												<tr>
													<td>当前剩余房卡：</td>
													<td>999</td>
												</tr>
												<tr>
													<td>充值数量：</td>
													<td><input type="text" placeholder="请输入数量"/></td>
												</tr>
												<tr>
													<td colspan="2"><button class="btn-success">充值</button></td>
													
												</tr>
											</table>
										</div>
										<div class="modal-footer">
											<ol>
												<li>
													1.在管理后台可以直接给代理账户充卡，充值代理后台相应的记录将显示在【房卡奖励】页面，类型为【官方奖励】
												</li>
												<li>
													2.点击充值，充值成功后，文字提示【充值成功】
												</li>
											
											</ol>
										</div>
									</div>
									<button class="btn btn-danger">封号</button>
								</td>
							</tr>
							<tr>
								<td>19535</td>
								<td>2017-07-01 13:11</td>
								<td>正常</td>
								<td>600</td>
								<td>999</td>
								<td>18888888888</td>
								<td>大飞哥</td>
								<td>158888</td>
								<td>
									<a ng-click="show()" class="detail">查看</a>
									<div class="modal" id="detail" style="display: none;">
										<div class="modal-header">
											<h3>详细资料</h3>
										</div>
										<div class="modal-body">
											<table class="table">
												<thead>
													<tr>
														<td>代理级别:</td>
														<td>白银代理</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>上级代理:</td>
														<td>
															<p>无</p>
														</td>
													</tr>
													<tr>
														<td>代理ID:</td>
														<td>
															<p>6666</p>
														</td>
													</tr>
													<tr>
														<td>
															游戏ID:
														</td>
														<td>
															<p>55555</p>
														</td>
													</tr>
													<tr>
														<td>
															姓名：
														</td>
														<td>
															<p>大飞哥</p>
														</td>
													</tr>
													<tr>
														<td>
															电话：
														</td>
														<td>
															<p>188888888</p>
														</td>
													</tr>
													<tr>
														<td>
															微信账号：
														</td>
														<td>
															<p>18888</p>
														</td>
													</tr>
													<tr>
														<td>
															支付宝账号：
														</td>
														<td>
															<p>188888</p>
														</td>
													</tr>
													<tr>
														<td>
															银行账号：
														</td>
														<td>
															25558888
														</td>
													</tr>
													<tr>
														<td>
															银行卡开户人：
														</td>
														<td>
															大飞哥
														</td>
													</tr>
													<tr>
														<td>
															身份证：
														</td>
														<td>
															188888
														</td>
													</tr>
													<tr>
														<td>
															所在省：
														</td>
														<td>
															湖南省
														</td>
													</tr>
													<tr>
														<td>所在市：</td>
														<td>长沙市</td>
													</tr>
													<tr>
														<td>所在区：</td>
														<td>岳麓区</td>
													</tr>
												</tbody>
											</table>
											
										</div>
										<div class="modal-footer">
												
												<button ng-click='cancel()'>关闭</button>
												<button ng-click="change()">编辑</button>
											</div>
									</div>
									<div class="modal" id="changedetail" style="display: none;">
										<div class="modal-header">
											<h3>详细资料</h3>
										</div>
										<div class="modal-body">
											<table class="table">
												<thead>
													<tr>
														<td>代理级别:</td>
														<td>
															<select name="" id="">
																<option value="">-请选择-</option>
																<option value="">白银代理</option>
															</select>
														</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>上级代理:</td>
														<td>
															<p>无</p>
														</td>
													</tr>
													<tr>
														<td>代理ID:</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															游戏ID:
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															姓名：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															电话：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															微信账号：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															支付宝账号：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															银行账号：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															银行卡开户人：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															身份证：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>
															所在省：
														</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>所在市：</td>
														<td>
															<input type="text" />
														</td>
													</tr>
													<tr>
														<td>所在区：</td>
														<td>
															<input type="text" />
														</td>
													</tr>
												</tbody>
											</table>
											
										</div>
										<div class="modal-footer">
												
												<button ng-click='cancel()'>关闭</button>
												<button ng-click="alert()">保存</button>
											</div>
									</div>
								</td>
								<td>
									<a class="proxy" ng-click="show()">2名</a>
									<div class="modal fide hide" id="crewmodal">
										  <div class="modal-header">
										    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										    <h3>名下代理详情</h3>
										  </div>
										  <div class="modal-body">
										    <table class="table">
										    	<thead>
										    		<tr>
										    			<td>代理级别</td>
										    			<td>代理ID</td>
										    			<td>代理昵称</td>
										    			<td>创建时间</td>
										    			<td>累计充值(元)</td>
										    			<td>累计返利(元)</td>
										    			<td>累计返卡(张)</td>
										    		</tr>
										    	</thead>
										    	<tbody>
										    		<tr>
										    			<td>白银代理</td>
										    			<td>1111</td>
										    			<td>代理1</td>
										    			<td>2017/01/01 12:11</td>
										    			<td>900</td>
										    			<td>100</td>
										    			<td>25</td>
										    		</tr>
										    		<tr>
										    			<td>钻石代理</td>
										    			<td>1111</td>
										    			<td>代理2</td>
										    			<td>2017/01/01 12:11</td>
										    			<td>900</td>
										    			<td>100</td>
										    			<td>25</td>
										    		</tr>
										    	</tbody>
										    	<tfoot>
										    		<tr>
										    			<td colspan="4">小计</td>
										    			
										    			<td>0</td>
										    			<td>0</td>
										    			<td>0</td>
										    		</tr>
										    	</tfoot>
										    </table>
										    <div class="pagination">
											  <ul>
											    <li><a href="#">Prev</a></li>
											    <li><a href="#">1</a></li>
											    <li><a href="#">2</a></li>
											    <li><a href="#">3</a></li>
											    <li><a href="#">4</a></li>
											    <li><a href="#">5</a></li>
											    <li><a href="#">Next</a></li>
											  </ul>
											</div>
										  </div>
										  <div class="modal-footer">
										    <a href="" class="btn" ng-click='cancel()'>关闭</a>
										    
										  </div>
									</div>

									
								</td>
								<td>
									<a href="" class="recharge"  ng-click="show()">查看</a>									
									<div class="modal" id="recharge" style="display: none;">
										<div class="modal-header">
											<button class="close" ng-click="cancel()" >&times;</button>
											<h3>充值详情</h3>
										</div>
										<div class="modal-body" >
											<table class="table">
												<caption>
													<div>
														<p>选择时间：</p>
														<input type="text" placeholder="2017"/>
														<input type="text" placeholder="1月"/>
														<input type="text" placeholder="1日"/>
													</div>
													<div class="timeChoice">
														<button >查询</button>
													</div>
												</caption>
												<thead>
													<tr>
														
															<td colspan="2">查询结果</td>
														
													</tr>
													<tr>
														
															<td>时间日期</td>
														<td>充值金额</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>20117-7</td>
														<td>900</td>
													</tr>
												
												</tbody>
												<tfoot>
													<tr>
														<td colspan="2">
															累计充值金额： <span>900</span>
														</td>
													</tr>
												</tfoot>
											</table>
											<div class="pagination">
											  <ul>
											    <li><a href="#">Prev</a></li>
											    <li><a href="#">1</a></li>
											    <li><a href="#">2</a></li>
											    <li><a href="#">3</a></li>
											    <li><a href="#">4</a></li>
											    <li><a href="#">5</a></li>
											    <li><a href="#">Next</a></li>
											  </ul>
											</div>
										</div>
										<div class="modal-footer">
												<p>充值详情显示该用户吱声充值明细，根据所选查询时段显示查询结果，如果没有选择时段，默认显示该用户自创建起至今的所有充值详情</p>
										</div>
									</div>
								</td>
								<td>
									<button class="btn btn-info">修改</button>
									<a class="btn btn-info chongka" ng-click="show()">充卡</a>
									<div class="modal" id="chongka" style="display: none;">
										<div class="modal-header">
											<button class="close" ng-click="cancel()">&times;</button>
											<h3>房卡充值</h3>
										</div>
										<div class="modal-body">
											<table class="table">
												<tr>
													<td>代理ID:</td>
													<td>19535</td>
												</tr>
												<tr>
													<td>当前剩余房卡：</td>
													<td>999</td>
												</tr>
												<tr>
													<td>充值数量：</td>
													<td><input type="text" placeholder="请输入数量"/></td>
												</tr>
												<tr>
													<td colspan="2"><button class="btn-success">充值</button></td>
													
												</tr>
											</table>
										</div>
										<div class="modal-footer">
											<ol>
												<li>
													1.在管理后台可以直接给代理账户充卡，充值代理后台相应的记录将显示在【房卡奖励】页面，类型为【官方奖励】
												</li>
												<li>
													2.点击充值，充值成功后，文字提示【充值成功】
												</li>
											
											</ol>
										</div>
									</div>
									<button class="btn btn-danger" class="fenghao" ng-click="show()">已封号</button>
									<div class="modal" id="fenghao">
										<div class="modal-header">
											<button class="close" ng-click="cancel()">&times;</button>
										</div>
										<div class="modal-body">
											<table>
												<tr>
													<td>状态</td>
													<td>操作</td>
												</tr>
												<tr>
													<td>已封号</td>
													<td>
														<button class="btn btn-success">
															解封
														</button>
													</td>
												</tr>
											</table>
										</div>
										
									</div>
								</td>
							</tr>
						</tbody>
						
									
							
						
					</table>
					
					<div class="pagination">
					  <ul>
					    <li><a href="#">Prev</a></li>
					    <li><a href="#">1</a></li>
					    <li><a href="#">2</a></li>
					    <li><a href="#">3</a></li>
					    <li><a href="#">4</a></li>
					    <li><a href="#">5</a></li>
					    <li><a href="#">Next</a></li>
					  </ul>
					</div>
				
			</div>
			
		</div>
		
			
		</div>
	</div>
	<!--名下代理模态框-->
		
	